<template>
	<view class="content">
		<image class="logo" src="/static/logo.png"></image>
		<view class="text-area">
			11
			<text class="title">222{{ states.text }}</text>
		</view>
		<view class="wuqi iconfont icon-jianpan">{{ store.state.uid }}</view>
	</view>
	<svg class="icon" aria-hidden="true">
	    <use xlink:href="#icon-pingguo"></use>
	</svg>
	<view class="wu"></view>
	<view class="qi"></view>
	<qi-tabbar></qi-tabbar>
</template>

<script setup>
import {
	reactive,
	toRefs,
	ref,
	onMounted,
	getCurrentInstance
} from 'vue';
//引入
import { getUserInfo } from '@/http/api.js';
import { useStore } from 'vuex';
const store = useStore();
console.log(store.state.uid);
const state = reactive({
	text: '也有'
});
let states = toRefs(state);
const { proxy } = getCurrentInstance();
onMounted(() => {
	const logindata = {
		username: 'admin',
		password: 123456
	};
});
</script>

<style scoped lang="scss">
	.content{
		// background-color: $wuqi;
		.text-area{
			border: 1px solid;
			border-color: transparent;
			border-top-color: red;
			border-top-left-radius: 90px;
			border-top-right-radius: 90px;
		}
	
	
	}
	.wu{
		background-color: red;
		width: 700rpx;
		height: 10px;
	}
	.qi{
		background-color: pink;
		width: 100%;
		height: 10px;
	}
</style>
